<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/Html.html to edit this template
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="../js/lib/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <ul>
                <div v-if="count == 3">div1</div>
                <li v-for="(item,index) in languages"  >{{index}}--{{item}}</li>
                <hr/><!-- comment -->
                <input v-model="count">
            </ul>
        </div>
     
        <script>
            new Vue({
                el: "#app",
                data: {
                  languages:["C++","Java","Python","Javascript","Kotlin","SQL"],
                  count:3
                },
                mounted:function(){
                   console.log("****mounted****");
                },
                updated:function(){
                    console.log("页面更新了");
                }
             });            
        </script>
    </body>
</html>
